/*
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.CodeMirror-lines {
  line-height: 19px;
  margin-top: 1rem;
}

.CodeMirror-gutter {
  width: 1em;
}

.CodeMirror-simplescroll-vertical {
  width: 4px !important;
  border-radius: 4px !important;
  border: none !important;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: #FFFFFF !important;
}

.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
  border-radius: 4px !important;
  background: #828686 !important;
  border: none !important;
}

.cm-s-default.CodeMirror {
  background: #262A35;
  color: #FFFFFF;
  border: none;
}

.cm-s-default div.CodeMirror-selected { background: #393F4F; }
.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); }
.cm-s-default .CodeMirror-line::-moz-selection,
.cm-s-default .CodeMirror-line > span::-moz-selection,
.cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); }
.cm-s-default .CodeMirror-gutters {
  background: #262A35;
  border-right: 0px;
}
.cm-s-default .CodeMirror-guttermarker { color: #ffffff; }
.cm-s-default .CodeMirror-guttermarker-subtle { color: #505050; }
.cm-s-default .CodeMirror-linenumber { color: #B2B9B9; }
.cm-s-default .CodeMirror-cursor { border-left: 1px solid #FFFFFF; }

.cm-s-default span.cm-comment { color: #B2B9B9; }
.cm-s-default span.cm-atom { color: #FFFFFF; }
.cm-s-default span.cm-number { color: #FFFFFF; }
.cm-s-default span.cm-property { color: #FFFFFF; }
.cm-s-default span.cm-attribute { color: #FFFFFF; }
.cm-s-default span.cm-keyword { color: #FEDB96; }
.cm-s-default span.cm-string { color: #FFFFFF; }
.cm-s-default span.cm-string-2 { color: #FFFFFF; }
.cm-s-default span.cm-variable { color: #B0BEF3; }
.cm-s-default span.cm-variable-2 { color: #FF9F9F; }
.cm-s-default span.cm-def { color: #FFFFFF; }
.cm-s-default span.cm-bracket { color: #FFFFFF; }
.cm-s-default span.cm-tag { color: #FFFFFF; }
.cm-s-default span.cm-link { color: #FFFFFF; }
.cm-s-default span.cm-error { background: #FFFFFF; color: #b0b0b0; }

.cm-s-default .CodeMirror-activeline-background { background: #202020; }
.cm-s-default .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

.alert-area{
      display: flex;
      flex-direction: row;
      padding-top: 1rem;
    }

    .alert-message{
      flex:1;
      color: $secondary-text;
      padding-left:1rem;

      p {
        margin-top: 5px;
      }
    }
